<template>
    <mu-row :cellHeight="100"
            :gutter="true">
        <mu-col width="100"
                tablet="50"
                desktop="50">
            <mu-card class="setting-item">
                <mu-card-header>
                    <mu-icon value="phonelink_setup" /> 游戏设置
                </mu-card-header>
                <mu-card-text>
                    <mu-text-field class="input-item"
                                   label="房间回合数"
                                   hintText=""
                                   type="number" />
                    <mu-text-field class="input-item"
                                   label="掉线踢出时间"
                                   hintText=""
                                   type="number" />
                </mu-card-text>
            </mu-card>
        </mu-col>
        <mu-col width="100"
                tablet="50"
                desktop="50">
            <mu-card class="setting-item">
                <mu-card-header>
                    <mu-icon value="settings_applications" /> 后台设置
                </mu-card-header>
                <mu-card-text>
                    <mu-text-field class="input-item"
                                   label="注册用户初始房卡"
                                   hintText=""
                                   type="number" />
                    <mu-text-field class="input-item"
                                   label="注册用户初始水豆"
                                   hintText=""
                                   type="number" />
                    <mu-text-field class="input-item"
                                   label="分享反馈水豆"
                                   hintText=""
                                   type="number" />
                </mu-card-text>
            </mu-card>
        </mu-col>
    </mu-row>
</template>
<style scoped>
.input-item {
    display: block;
    max-width: 100%;
}
</style>